/**
 * 组件作为独立的个体，一般会以独立的JS文件保存
 * 1.创建组件文件
 * 2.在文件中导入React
 * 3.创建组件(函数或者类组件)
 * 4.再文件中导出当前组件
 * 5.再index.js中导入当前组件
 */

/**
 * 在组件文件中
 */
import React from 'react'
class Hello extends React.Component {
    render() {
        return <div> 组件 </div>
    }
}
export default Hello

/**
 * index.js 中
 */
import Hello from './xxx.js'
ReactDOM.render(<Hello />, root)
